<template>
    <header>
        <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
        <img src="@/assets/images/1.svg" alt="" />
        <div class="wrapper">
            <HelloWorld msg="You did it!" />
            <p>6666</p>
            <nav>
                <RouterLink to="/">Home</RouterLink>
                <RouterLink to="/about">About</RouterLink>
                <RouterLink to="/office-viewer">Office预览</RouterLink>
                <RouterLink to="/office-example">预览示例</RouterLink>
                <RouterLink to="/simple-office">简单示例</RouterLink>
                <el-button type="success">Success</el-button>
            </nav>
        </div>
    </header>
    <RequestTest childProp="测试attrs"></RequestTest>
    <CustomFetch></CustomFetch>
    <RouterView />
    anniu
    <LocalLanguage></LocalLanguage>
</template>

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router';
import HelloWorld from './components/HelloWorld.vue';
import RequestTest from './views/RequestTest.vue';
import { useCounterStore } from '@/stores/store';
import CustomFetch from './views/CustomFetch.vue';
import LocalLanguage from './views/LocalLanguage.vue';
const counterStore = useCounterStore();
const a = '6456456';
console.log(counterStore, a);
</script>

<style scoped lang="less">
.wrapper {
    display: -webkit-box;
    width: 200px;
    color: red;

    p {
        position: absolute;
        font-size: 17px;
        color: green;
        color: #fff;
    }
}
</style>
